<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

	<head>
		<base href="<%=basePath%>">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>first</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<script src="https://code.jquery.com/jquery.js"></script>
		<link href="<%=path %>/res/common/css/indexfont.css" rel="stylesheet"/>
		
		<link href="<%=path %>/res/common/css/bootstrap.min.css" rel="stylesheet">
		<script src="<%=path %>/res/common/js/bootstrap.min.js"></script>
		<!--<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
		
	</head>

	<body style="position:relative;overflow-x: hidden;" data-spy="scroll" data-target="#myScrollspy">
		<nav class="navbar navbar-default" role="navigation" style="height:0px;opacity:0.7">
			<div class="container-fluid" style="height:10px">
				<ul class="nav navbar-nav navbar-left">
					<li class="font">
						<a href="index.jsp" class="font">首页</a>
					</li>
					<li class="font">
						<a href="https://www.cnblogs.com/" class="font">博客园</a>
					</li>
					<li class="font">
						<a href="teacherRegister.do" class="font">教师注册页面</a><br></li>
					<li class="font">
						<a href="teacherIndex.do" class="font">教师管理页面</a><br></li>
					<li class="font">
						<a href="classIndex.do" class="font">所有班级展示页面</a><br></li>
					<li class="font">
						<a href="userClassInex.do" class="font">班级内部主页页面</a><br></li>
					<li class="font">
						<a href="admin.do" class="font">网站管理员页面</a><br></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li class="font">
						<a href="teacherLogin.do">登陆</a><br></li>
					<!--教师登录页面  -->
				</ul>
			</div>
		</nav>
		<div class="panel-body" style="position:relative;">
			<img src="res/img/3.jpg" width="100%" height="250px" style="position:absolute;top:-70px;left:0px;z-index: -1;">
		</div>
		<div class="form-group blockquote-reverse searchoption search-main">
			<div style="display:inline-block;">
				<input type="text" class="form-control" placeholder="搜索相应的内容" style="width:250px;"></div>
			<button type="submit" class="btn btn-default">搜索</button>
		</div>

		<div class="container">
			<div class="jumbotron titleborder">
				<h2 class="titlename">博客信息</h2>
			</div>
			<div class="row">
				<div class="col-xs-3" id="myScrollspy">
					<ul class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="125" style="text-align: center">
						<div style="border:1px solid gray;height: 30px;font-weight: bold;background: #1155aa;color: white">
							排序方式					
						</div>
						<li>
							<a href="<%=path %>/index1/1.do">时间大小</a>
						</li>
						<li>
							<a href="<%=path %>/index1/2.do">阅读数</a>
						</li>
						<li>
							<a href="<%=path %>/index1/3.do">评论数</a>
						</li>
						<li>
							<a href="<%=path %>/index1/4.do">博客名称</a>
						</li>
						<li>
							<a href="<%=path %>/index1/5.do">学生姓名</a>
						</li>
					</ul>
				</div>
				<div class="col-xs-9 sectiondistance">
				<c:forEach var="vo" items="${list}" varStatus="vs">
				<div style="width: 110%">
					<h3 id="section-1" class="blogtitle"><a href="${vo.blogUrl}">${vo.blogTitle }</a></h3>
					<span class="blogfontsize">(<b class="blogtitlename">学生姓名-</b><a href="${vo.blogAddress}">${vo.stuName}</a>
            		<span class="blogtitlename2">总阅读数-${vo.stuFans}</span>
					<span class="blogtitlename2">总评论数-${vo.stuFocus}</span>)
					</span>
					<p class="blogtime">posted @ ${vo.blogTime }</p>
					<li class="blogdistance2">
						<span>阅读数:${vo.blogReadTimes}</span>&emsp;&emsp;
						<span>评论数:${vo.blogCommentTimes}</span>
					</li>
					<li class="blogdistance2"><span>博客地址:</span>
						<a href="${vo.blogUrl}">${vo.blogUrl}</a>
					</li>
					<hr>
				</div>
				</c:forEach>

				</div>
			</div>
		</div>

	</body>

</html>
